<template>
  <ElScrollbar class="co-side">
    <CoOutputPanel />
    <CoTplPanel />
    <CoPropsPanel />
    <CoBgPanel />
    <CoInfoPanel />
  </ElScrollbar>
</template>

<script lang="ts" setup>
import CoBgPanel from './panels/co-bg-panel.vue';
import CoInfoPanel from './panels/co-info-panel.vue';
import CoOutputPanel from './panels/co-output-panel.vue';
import CoPropsPanel from './panels/co-props-panel.vue';
import CoTplPanel from './panels/co-tpl-panel.vue';
</script>

<style lang="scss" scoped>
.co-side {
  overflow: auto;
  background-color: #3e3e3e;

  :deep(.el-scrollbar__view) {
    padding-bottom: 40px;
  }
}
</style>
